@charset "UTF-8";
/*projects-manage.css*/
@import url(/resources/src/css/paginate.css);
body { background-color: #EFF0F4; }

[data-toggle="fold"] { height: 51px; line-height: 51px; border-bottom: 1px solid #eaf0f2; }

[data-toggle="fold"]:hover { background-color: #fff; border: 0; }

.btn-active { background-color: #23a8f5; color: #fff; border-radius: 4px; cursor: pointer; }

.btn-active:hover { outline: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; color: #353F4F; text-decoration: none; }

.btn-tinge { display: inline-block; height: 100%; color: #95a0a3; }

.btn-tinge:hover { color: #23a8f5; }

i { font-style: normal; }

.left-aside { width: 240px; height: 100%; background-color: #fff; border-right: 1px solid #e2eaed; position: fixed; top: 0; padding-top: 61px; z-index: 99; box-sizing: border-box; }

.left-aside .aside-wrapper { height: 100%; }

.left-aside .left-bar { min-height: 100%; margin-bottom: 1px; }

.left-bar { padding-left: 0; padding-right: 0; height: inherit; }

.left-bar .icon-geren, .left-bar .icon-rongyu { margin-right: 7px; position: relative; top: 1px; }

.left-bar .icon-geren { color: #17C2C2; }

.left-bar .icon-rongyu { color: #9369f9; }

.left-bar .item { position: relative; padding-left: 20px; padding-right: 20px; height: 41px; line-height: 41px; margin: 0; border-bottom: 1px solid #eaf0f2; box-sizing: border-box; /* .btn-select{ position:relative; top:2px; //right:0; font-size:14px; color:#9e9da4; margin:0; &:hover{color:$mainColor;} span{ width:110px; border:1px solid #f2f2f2; position:absolute; right:100%; top:0; background-color:#2f2f2f; border-radius:2px; //display:none; z-index:999; box-shadow:0 0 8px #E1E1E1; i{ display:block; width:100%; height:40px; line-height:40px; text-align:center; color:#fff; cursor:pointer; &:first-child{border-bottom:1px solid #373737;} } } }*/ }

.left-bar .item:first-child { height: 50px; line-height: 50px; }

.left-bar .item:first-child:hover { background-color: #fff; }

.left-bar .item:hover { background-color: #f5f8f9; }

.left-bar .item i.fileicon, .left-bar .item i.fileicon-copy { color: #23a8f5; font-size: 30px; margin-right: 10px; margin-left: 0; }

.left-bar .item i.fileicon-copy { font-size: 26px; position: relative; top: 3px; }

.left-bar .item .progress-name { margin-left: 0; }

.left-bar .item .progress-name:hover { color: #333; }

.left-bar .item span { position: absolute; right: 20px; top: 0; display: none; }

.left-bar .item span:hover { color: #23a8f5; }

.left-bar .item span i { margin-left: 10px; font-size: 14px; }

.left-bar .item span i:hover { color: #23a8f5; }

.left-bar .item:hover > span { display: inline-block; }

.left-bar a { cursor: pointer; }

.new-progress { width: 110px; height: 31px; line-height: 31px; margin-top: 20px; margin-bottom: 20px; color: #23a8f5; }

.new-progress + div { border-top: 1px solid #eaf0f2; }

.new-progress:hover { color: #333; }

.new-progress i { position: relative; top: 1px; margin-left: 8px; }

.left-bar .active { background-color: #f5f8f9; border-color: #e2eaed; }

.left-bar .allItem { width: 100%; height: 50px; line-height: 50px; padding-left: 20px; padding-right: 20px; border: 1px solid #eaf0f2; margin: 0; box-sizing: border-box; overflow: hidden; cursor: pointer; }

/*---------------------------------------------- right-header -----------------------------------------------*/
.date { min-width: 280px; float: left; position: relative; margin-left: 60px; }

.date i { position: absolute; right: 30px; top: 30px; font-size: 28px; color: #23a8f5; }

.right-header { height: 80px; background-color: #fff; overflow: hidden; }

.right-header .invitation { width: 130px; height: 44px; line-height: 44px; margin-top: 18px; }

.right-header .invitation i { position: relative; top: 1px; }

.right-header .title { font-size: 1.2em; float: left; padding-left: 40px; }

.right-header .title span { display: block; width: 70px; height: 80px; line-height: 80px; border-bottom: 3px solid #23a8f5; box-sizing: border-box; }

.right-header .searchUser { float: left; width: 440px; margin-left: 60px; height: 44px; line-height: 44px; margin-top: 18px; border: 1px solid #23a8f5; color: #23a8f5; border-radius: 3px; padding: 0 15px; overflow: hidden; }

.right-header .searchUser input { border: none; height: 42px; outline: none; display: block; float: left; width: 90.90909%; }

.right-header .searchUser i { display: block; float: right; cursor: pointer; }

.left-aside .personer-projects, .left-aside .vc-projects { cursor: pointer; position: relative; }

.left-aside .personer-projects .iconfold, .left-aside .vc-projects .iconfold { display: block; position: absolute; right: 20px; top: 4px; font-size: 14px; color: #666; }

.left-aside .personer-projects .rotate, .left-aside .vc-projects .rotate { transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }

.right-box { margin-left: 240px; }

#dataList { min-height: 500px; }

/**tooltip**/
.tooltip-inner { padding: 0 12px; height: 34px; line-height: 34px; border-radius: 2px; font-size: 14px; }

/* modal start */
.modal.fade .modal-dialog { width: 100%; height: 100%; margin-top: 0; }

@media (min-width: 768px) { .modal-dialog { margin: 0; } }

.modal-content { width: 721px; margin: 0 auto; border-radius: 4px; overflow: hidden; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }

.modal-header { height: 60px; color: #333; padding-top: 18px; box-sizing: border-box; background-color: #f1f1f1; }

.modal-body { padding-top: 30px; padding-bottom: 20px; }

.modal-body .text-tip { margin: 0 auto; width: 690px; height: 114px; display: table-cell; vertical-align: middle; text-align: center; overflow: hidden; font-size: 16px; }

.modal-body .bd-box { width: 490px; margin-top: 12px; margin-left: auto; margin-right: auto; }

.bg-clear img { margin-top: 20px; }

.bg-clear p { margin-top: 60px; margin-bottom: 40px; }

span.blue-start { padding-left: 5px; padding-right: 5px; color: #23a8f5; font-size: 21px; position: relative; top: 7px; }

.call-name { width: 75px; white-space: nowrap; }

.select-box { width: 415px; border: 1px solid #23a8f5; border-radius: 4px; position: relative; top: -12px; /* .options-item:first-child{ border-top-left-radius: 4px; border-top-right-radius: 4px;  }*/ }

.select-box a { display: block; width: 100%; height: 48px; line-height: 48px; color: #666; padding-left: 30px; padding-right: 30px; box-sizing: border-box; }

.select-box a i { font-size: 21px; color: #999; }

.select-box .btn-unfold { color: #999; }

.select-box .btn-unfold span { display: inline-block; margin-top: 9px; margin-left: 10px; width: 80px; height: 30px; line-height: 30px; text-align: center; font-size: 16px; border-radius: 15px; border: 1px solid #23a8f5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.select-box .btn-unfold small { font-size: 1em; }

.select-box .btn-unfold span:first-child { margin-left: 0; }

.select-box .options { display: none; /* position:absolute; top:50px; width:100%; background-color:#fff; border:1px solid $mainColor; border-radius:4px; max-height:250px;*/ }

.select-box .options-item { cursor: pointer; }

.select-box .options-item:hover { color: #333; background-color: #f4f8fb; }

.select-box .options-item i { display: none; }

.select-box .options-item:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

.select-box .selected { color: #333; background-color: #f4f8fb; }

.select-box .selected i { display: inline-block; }

.modal-footer { border-top: 0; padding-top: 0; padding-bottom: 40px; text-align: center; }

.modal-footer p { margin: 0; }

.modal-footer .cancel { width: 140px; height: 50px; line-height: 50px; padding: 0; border: 0; background-color: #f1f1f1; border-radius: 2px; }

.modal-footer .confirm { width: 200px; height: 50px; line-height: 50px; padding: 0; border: 0; border-radius: 2px; background-color: #23a8f5; }

.modal-footer .btn + .btn { margin-left: 20px; }

.text-box { width: 415px; height: 50px; padding-left: 30px; padding-right: 30px; border: 1px solid #f1f1f1; border-radius: 4px; box-sizing: border-box; }

.text-box:focus { border: 1px solid #23a8f5; box-shadow: 0 0 3px #23a8f5; outline: 0; }

/* modal end */
#search { width: 100%; height: 44px; line-height: 44px; margin-top: 18px; border-radius: 4px; outline: 0; border: 1px solid #23a8f5; padding-left: 10px; }

#search + i { color: #ddd; cursor: pointer; }

#search:focus + i { color: #23a8f5; }

.condition-filter span, .condition-filter i { display: inline-block; margin-top: 5px; padding: 8px 15px; color: #999; border-radius: 2px; cursor: pointer; }

.condition-filter { background-color: #fff; border-bottom: 1px solid #f2f3f5; }

.condition-filter .filter-item { padding: 5px 40px 10px 40px; border-top: 1px solid #f2f3f5; }

.condition-filter .filter-item b { display: inline-block; margin-top: 5px; padding: 8px 15px 8px 0; }

.condition-filter i { background-color: #5f6a6c; }

.condition-filter i:hover { color: #fff; }

.condition-filter span:hover { background-color: #23a8f5; color: #fff; }

.condition-filter .active { background-color: #23a8f5; color: #fff; }

.condition-filter .fold { display: none; }

.condition-filter .more { width: 100%; text-align: center; border-top: 1px solid #f2f3f5; }

.condition-filter .more p { display: inline-block; height: 57px; line-height: 57px; margin-bottom: 0; cursor: pointer; }

.condition-filter .more p:hover, .condition-filter .more p:hover > i { color: #23a8f5; }

.condition-filter .more i { background-color: transparent; padding: 0; margin-top: 0; font-size: 18px; margin-left: 3px; position: relative; top: 2px; }

/*地区管理 start*/
.hot { margin-left: 20px; }

.hot .hot-bd { position: relative; }

.hot .hot-bd .change-batch { display: inline-block; width: 80px; height: 27px; line-height: 27px; position: absolute; right: 0; bottom: 0; color: #23a8f5; cursor: pointer; }

.hot .hot-bd .change-batch:hover { text-decoration: underline; }

.hot .hot-item span { display: inline-block; width: 80px; height: 27px; line-height: 27px; border: 1px solid #c9c9c9; border-radius: 6px; color: #797979; margin-top: 20px; margin-right: 15px; text-align: center; cursor: pointer; }

.hot .hot-item span:hover { color: #23a8f5; border-color: #23a8f5; }

.hot .hot-item .change-batch { width: 80px; height: 27px; line-height: 27px; color: #0000ff; cursor: pointer; margin-top: 20px; margin-right: 15px; text-align: center; }

.hot [data-liffect="bounceIn"] span { opacity: 0; position: relative; -webkit-animation: bounceIn 600ms ease both; -webkit-animation-play-state: paused; -moz-animation: bounceIn 600ms ease both; -moz-animation-play-state: paused; -o-animation: bounceIn 600ms ease both; -o-animation-play-state: paused; animation: bounceIn 600ms ease both; animation-play-state: paused; -webkit-animation-play-state: running; -moz-animation-play-state: running; -o-animation-play-state: running; animation-play-state: running; }

@-webkit-keyframes bounceIn { 0% { opacity: 0;
    -webkit-transform: scale(0.3); }
  50% { -webkit-transform: scale(1.05); }
  70% { -webkit-transform: scale(0.9); }
  100% { opacity: 1;
    -webkit-transform: scale(1); } }

@-moz-keyframes bounceIn { 0% { opacity: 0;
    -moz-transform: scale(0.3); }
  50% { -moz-transform: scale(1.05); }
  70% { -moz-transform: scale(0.9); }
  100% { opacity: 1;
    -moz-transform: scale(1); } }

@-o-keyframes bounceIn { 0% { opacity: 0;
    -o-transform: scale(0.3); }
  50% { -o-transform: scale(1.05); }
  70% { -o-transform: scale(0.9); }
  100% { opacity: 1;
    -o-transform: scale(1); } }

@keyframes bounceIn { 0% { opacity: 0;
    transform: scale(0.3); }
  50% { transform: scale(1.05); }
  70% { transform: scale(0.9); }
  100% { opacity: 1;
    transform: scale(1); } }

#area-modal, #business-modal { color: #333; }

#area-modal .selected, #business-modal .selected { width: 648px; margin-bottom: 30px; margin-left: 20px; }

#area-modal .selected span, #business-modal .selected span { margin-top: 10px; margin-right: 10px; padding: 7px 15px; background-color: #e9f6fe; color: #23a8f5; border-radius: 4px; position: relative; }

#area-modal .selected span:hover > .del, #business-modal .selected span:hover > .del { display: inline-block; }

#area-modal .selected .handing, #business-modal .selected .handing { background-color: inherit; color: inherit; padding-left: 0; margin-left: 0; }

#area-modal .selected .del, #business-modal .selected .del { padding: 0 5px; font-size: 14px; margin-left: 15px; cursor: pointer; display: none; position: absolute; right: 5px; background-color: rgba(0, 0, 0, 0.7); border-radius: 50%; box-shadow: 0 0 5px #333; color: #fff; }

#select-area { width: 648px; margin-left: 20px; }

#select-area p { margin-bottom: 0; }

#select-area span { display: inline-block; height: 35px; line-height: 35px; }

#select-area .add-area { color: #23a8f5; cursor: pointer; }

#select-area .add-area i { margin-right: 8px; position: relative; top: 1px; }

#search-area { width: 648px; height: 60px; padding: 0 20px; background-color: transparent; border: 0; border-bottom: 1px solid #f2f2f2; outline: 0; box-shadow: none; padding: 0; margin-top: 20px; color: #333; box-sizing: border-box; }

/*地区管理 end*/
.content { padding-left: 7px; padding-right: 7px; }

.projects { width: 100%; }

.projects-item { margin-top: 14px; padding: 0 7px; }

.projects-item .item-body { padding: 20px; border-bottom: 1px solid #f3f3f3; box-sizing: border-box; position: relative; }

.projects-item .item-body .delPro { position: absolute; top: 20px; right: 20px; color: #d3d3d3; font-size: 18px; cursor: pointer; z-index: 9; }

.projects-item .item-body .delPro:hover { color: #23a8f5; }

.projects-item .item-body .item { height: 100px; margin-top: 20px; position: relative; display: table-cell; vertical-align: middle; }

.projects-item .item-body .item .item-logo { position: absolute; left: 0; top: 0; margin: 0 auto; width: 100px; height: 100px; background-color: #F2F2F2; }

.projects-item .item-body .item .item-logo img { width: 100px; height: 100px; border: 0; }

.projects-item .item-body .item .item-logo .first-word { font-size: 56px; height: 100px; line-height: 100px; color: #23a8f5; }

.projects-item .project-item-name { display: block; padding-left: 115px; font-size: 18px; color: #333; word-wrap: break-word; text-align: left; }

.projects-item .project-item-name:hover { color: #23a8f5; }

.projects-item .principal { display: block; margin-top: 12px; }

.projects-item .principal i { display: inline-block; height: 20px; line-height: 20px; border-radius: 10px; font-size: 14px; white-space: nowrap; padding-left: 12px; padding-right: 12px; background-color: #E9F6FE; color: #23a8f5; }

.projects-item .item-footer span { margin-left: 5px; margin-right: 5px; cursor: pointer; }

.projects-item .item-footer span:hover { color: #23a8f5; }

.bg-white { background-color: #fff; }

.no-padding { padding: 0; }

.item-content { width: 100%; }

.icon-group { white-space: nowrap; margin: 20px 0 0 0; }

.icon-group i { margin-right: 4px; color: #CED1D8; font-size: 14px; }

.vc-projects, .personer-projects { height: 60px; line-height: 60px; padding-left: 20px; border-bottom: 1px solid #eaf0f2; font-size: 18px; color: #333; }

.pro-null { padding: 15px 8px 0 8px; }

.pro-null > div { width: 100%; min-height: 800px; background-color: #fff; padding: 50px 0; }

.pro-null > div p { margin-top: 30px; }

/*---------------------------------------------------- projects-manage right-header ----------------------------------------------------*/
.right-box .right-header { height: auto; }

.right-box .right-header > div { width: 30%; display: inline-block; }

.right-box .right-header .title { min-width: 160px; }

.right-box .right-header .date { min-width: 420px; }

.right-box .right-header .date, .right-box .right-header .invitation { margin-bottom: 18px; margin-left: 40px; }

@media screen and (min-width: 1637px) { .right-box .right-header .invitation { float: right; } }

#search { height: 44px; border: 1px solid #ddd; border-radius: 4px; outline: 0; padding-left: 20px; padding-right: 20px; margin-top: 18px; }

#search:focus { border-color: #23a8f5; }

#search + i { right: 20px; font-size: 21px; cursor: pointer; }
